/*
Theme Name: Hotel Sonar Bangla
Theme URI: https://www.busfam.com/
Author: Busfam Team
Author URI: https://www.busfam.com/
Description: The 2024 theme for WordPress is a fully responsive theme that looks great on any device With HTML5, Bootstrap5 and CSS3.
Version: 5.0
*/

@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Gilda+Display&display=swap');


:root {
    --white: #fff;
    --black: #111;
    --brown: #603100;
    --beige: #dfb574;
    --beige2: #d49c45;
}

body,
html {
    height: 100%;
}

body {
    margin: 0;
    padding: 0;
    font-family: "Barlow", sans-serif;
    font-size: 14px;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

a {
    text-decoration: none;
    color: var(--brown);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

a:hover {
    color: var(--beige);
    text-decoration: none;
}


h1 {
    font-family: "Gilda Display", serif;
    font-size: 45px;
    font-weight: 400;
    margin-bottom: 10px;
}

h2 {
    font-family: "Gilda Display", serif;
    font-size: 38px;
    font-weight: 400;
    margin-bottom: 10px;
    color: var(--brown);
}

h3 {
    font-family: "Barlow", sans-serif;
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 10px;
}

h4 {
    font-family: "Barlow", sans-serif;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 10px;
    color: var(--beige);
    margin-bottom: 16px;

}

h4 strong i {
    color: var(--beige);
}


h5 {
    font-family: "Barlow", sans-serif;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    color: var(--brown);
}

h6 {
    font-family: "Barlow", sans-serif;
    font-size: 18;
    font-weight: 400;
    color: var(--brown);
    margin-bottom: 10px;
}

p {
    font-size: 14px;
}

.tick_double ul {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}

ul.tick_triple,
.tick_triple ul {
    columns: 3;
    -webkit-columns: 3;
    -moz-columns: 3;
}

button:focus {
    outline: none;
}

.sectiongap:nth-child(odd) {
    padding: 30px 0;
    background-color: #f9ecda;
}

.sectiongap:nth-child(even) {
    background-color: #f8f5f0;
    padding: 30px 0;
}

ul {
    padding: 0;
    margin-bottom: 0;
}

li {
    list-style: none;
}



.navbar {
    padding: 5px 0;
    transition: 0.6s;
    background: var(--white);
    border-top: 3px solid var(--beige);
}


.scroll_navbar {
    box-shadow: 0px 15px 10px -15px #aaa;
    background-color: #fff;
}

/* button */

.btn-primary {
    background-color: var(--brown);
    color: #fff;
    border: 1px solid var(--brown);
    font-size: 14px;
    font-weight: 600;
    padding: 8px 12px;
    border-radius: 0;
    outline: 0;
    background-image: linear-gradient(45deg, var(--beige) 50%, transparent 50%);
    background-position: 100%;
    background-size: 400%;
    transition: background 400ms ease-in-out;
    box-shadow: none;
}

.btn-primary i {
    color: var(--white) !important;
    margin-right: 4px;
    font-size: 12px;
}

.btn-primary:focus {
    box-shadow: none !important;
    background-color: var(--beige);
    border-color: var(--beige);
}

.btn-primary:hover {
    background-position: 0;
    color: #fff !important;
    border: 1px solid var(--beige);
}

.btn-primary:hover i {
    color: #fff;
}

.btn-secondary {
    background-color: #dfb574;
    color: #fff;
    border: 1px solid #dfb574;
    font-size: 14px;
    font-weight: 600;
    padding: 8px 12px;
    border-radius: 0;
    outline: 0;
    background-image: linear-gradient(45deg, #603100 50%, transparent 50%);
    background-position: 100%;
    background-size: 400%;
    transition: background 400ms ease-in-out;
    box-shadow: none;
}

.btn-secondary i {
    color: #fff !important;
    margin-right: 4px;
    font-size: 13px;
}

.btn-secondary:focus {
    box-shadow: none !important;
    background-color: #603100;
    border-color: #603100;
}

.btn-secondary:hover {
    background-position: 0;
    color: #fff !important;
    border: 1px solid #dfb574;
}

.btn-secondary:hover i {
    color: #fff;
}

.btn-info {
    background-color: #73685c;
    color: #fff;
    border: 1px solid #73685c;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 12px;
    border-radius: 0;
    outline: 0;
    background-image: linear-gradient(45deg, #603100 50%, transparent 50%);
    background-position: 100%;
    background-size: 400%;
    transition: background 400ms ease-in-out;
    box-shadow: none;
}

.btn-info i {
    color: #fff !important;
    margin-right: 4px;
    font-size: 10px;
}

.btn-info:focus {
    box-shadow: none;
}

.btn-info:hover {
    background-position: 0;
    color: #fff !important;
    border: 1px solid #73685c;
}

.btn-info:hover i {
    color: #fff;
}

/* button */

/* <----ALTERNATE COLUMNS--> */
.alternate_column .row {
    margin: 0;
}

.alternate_column img {
    border-radius: 0;
}

.alternate_column .row:nth-child(even) {
    direction: rtl;
    text-align: left;
    background: #f1e6d6;

}

.content_box i {
    display: initial;
}

.content_box h6 {
    font-size: 17px;
    font-weight: 500;
    color: var(--blue);
}

.alternate_column .row:nth-child(even) .content_box {
    direction: ltr;

}

.alternate_column .row:nth-child(even) .content_box .Banquetfacilities {
    direction: ltr;
    background: #fff;
}

.alternate_column .row[class*=col-] {
    direction: ltr;
}

.content_box {
    text-align: left;
    margin: 0 !important;
    padding: 20px;
}

/* <----ALTERNATE COLUMNS--> */

/* <!-- /inner banner -->  */

.inner-banner {
    background: #d8c499;
    height: 200px;
}

.inner_banner_desktop img {
    height: 200px;
    object-fit: cover;
    object-position: 50% 50%;
}

.banner_inner_section {
    position: relative;
    margin-bottom: 15px;
    text-align: center;
}

.inner_banner_text {
    position: absolute;
    top: 80px;
    left: 0;
    right: 0;
    text-align: center;
}

.inner_banner_text h2 {
    font-family: "Gilda Display", serif;
    font-size: 28px;
    font-weight: 400;
    color: var(--brown);
    padding: 0;
    margin: 0;
}

.inner_banner_text h2:after {
    position: absolute;
    content: '';
    background: var(--white);
    width: 60px;
    height: 2px;
    bottom: -5px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

/* <!-- /inner banner -->  */
.sticky_div {
    position: sticky;
    top: 100px;
}

.tick ul,
.cms-wrap ul,
.tc-wrap ul {
    margin: 0 0 0 16px;
}

.tick ul li,
.cms-wrap ul li,
.tc-wrap ul li {
    margin-bottom: 10px;
    font-size: 14px;
}

.tick ul li:before,
.cms-wrap ul li:before,
.tc-wrap ul li:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f00c";
    color: var(--brown);
    font-size: 12px;
    border-radius: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin-left: -16px;
    position: absolute;
}

.tick_double.tick ul {
    margin-top: 12px;
}

.tick_double.tick ul li {
    background: #f4efdf;
    padding: 7px;
}

.tick_double.tick ul li:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0da";
    color: var(--beige);
    font-size: 15px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin-left: -16px;
    position: absolute;
}

.section_title {
    margin-bottom: 20px;
}

.section_title p {
    text-align: justify;
}

.accordion-body p {
    text-align: justify;
}

.section_title h2 {
    font-family: "Gilda Display", serif;
    font-weight: 400;
    margin-bottom: 2px;
    font-size: 36px;
    color: var(--black);

}

.section_title h3 {
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 400;
    margin-bottom: 2px;
    font-size: 16px !important;
    font-weight: 600;
    color: #8d7147;

    text-transform: uppercase;
    letter-spacing: 4px;
}

.section_title h2 span {
    color: var(--beige);
}

/* .section_title h2:after{
    position: absolute;
    content: '';
    background:var(--brown);
    width: 60px;
    height: 4px;
    bottom: -5px;
    left: 0;
    right: 0;
    margin: 0 auto;
} */

.section_title strong {
    background-color: var(--purple);
    padding: 10px;
    font-size: 24px;
    color: var(--white);
    font-weight: 600;
}

/*banner start*/

.banner-main .carousel-indicators [data-bs-target] {
    background-color: transparent;
    opacity: 1;
    display: contents;
}


.banner-main .carousel-control-next,
.banner-main .carousel-control-prev {
    top: auto;
    bottom: 3.5pc;
    width: auto !important;
    opacity: 1;
}

.banner-main .carousel-control-prev {
    left: 36%;

}

.banner-main .carousel-control-next {
    right: 36%;
}

.banner-main .carousel-control-prev:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f177";
    color: var(--white);
    font-size: 17px;
    left: 25px;
    position: inherit;
}


.banner-main .carousel-control-next:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f178";
    color: var(--white);
    font-size: 17px;
    right: 25px;
    position: inherit;
}



.banner-main .carousel-control-next-icon,
.banner-main .carousel-control-prev-icon {
    background: transparent;
    width: 40px;
    height: 3px;
    opacity: 1;
}



.banner-main .carousel-item {
    position: relative;
}

.banner-main .carousel-caption {
    transform: translateY(0);

    left: 0;
    right: 0;
    margin: 0 auto;
    padding-bottom: 0;
    bottom: 7%;
    z-index: 99;
    text-align: center;
    text-align: center;
}

.banner-main .carousel-caption h1 {
    color: var(--white);
    font-size: 30px;
    margin-bottom: 0;
    background: rgba(0, 0, 0, .5);
    padding: 6px 10px;
    display: inline-block;
}

.banner-main .carousel-caption h1 span {
    color: var(--beige);
}

.banner-main .carousel-caption p {
    color: var(--white);
    line-height: 22px;
}

.banner-main .carousel-control-prev .visually-hidden {
    position: absolute !important;
    width: auto !important;
    height: 1px !important;
    padding: 0 !important;
    margin-left: 85px !important;
    margin-top: -23px !important;
    overflow: initial !important;
    clip: initial !important;
    white-space: nowrap !important;
    border: 0 !important;
    font-size: 16px;
}

.banner-main .carousel-control-next .visually-hidden {
    position: absolute !important;
    width: auto !important;
    height: 1px !important;
    padding: 0 !important;
    margin-right: 85px !important;
    margin-top: -23px !important;
    overflow: initial !important;
    clip: initial !important;
    white-space: nowrap !important;
    border: 0 !important;
    font-size: 16px;
}

.banner-main .carousel-control-prev:hover .visually-hidden,
.banner-main .carousel-control-next:hover .visually-hidden {
    color: var(--beige);
    font-weight: 600;
}

.banner-main .carousel-control-prev:hover:after {
    left: 1px;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
}

.banner-main .carousel-control-next:hover:before {
    right: 1px;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
}



/*banner end*/


.reservations {
    display: flex;
    align-items: center;
}

.reservations .icon {
    position: relative;
    top: 3px;
}

.reservations .text {
    margin-left: 20px;
}

.reservations .text p {
    font-size: 15px;
    margin: 0;
}

.reservations .text a {
    font-size: 24px;
    color: #8e6d45;
    font-family: 'Barlow Condensed', sans-serif;
    letter-spacing: 1px;
}

.reservations .text a:hover {
    color: var(--beige2);
}

.pulseit123 {
    -webkit-animation: pulse linear 1s infinite;
    animation: pulse linear 1s infinite;
}


/*backto-top start*/

#backto-top {
    display: inline-block;
    background: var(--beige);
    width: 38px;
    height: 38px;
    text-align: center;
    border-radius: 0;
    position: fixed;
    bottom: 64px;
    right: 12px;
    transition: background-color .3s,
        opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    text-align: center;
    box-shadow: 5px 5px 15px 0px rgb(0 0 0 / 10%);
}

#backto-top i {
    font-size: 20px;
    color: var(--white);
    line-height: 38px;

}

#backto-top:hover {
    cursor: pointer;
    background: var(--brown);
}

#backto-top:hover i {
    color: var(--beige);
}

#backto-top:active {
    background: #1d384f;
}

#backto-top.show {
    opacity: 1;
    visibility: visible;
}

/*backto-top end*/

.thanku_bg {
    background-image: radial-gradient(circle, var(--white), var(--white), var(--beige));
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 40px 0;
    text-align: center;
}

.thanku_bg p {
    font-size: 22px;
    color: var(--black);
}

.form-control:focus {
    box-shadow: none;
}

/*dots*/
.owl-nav {
    margin-top: 6px;
    text-align: center;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next {
    font-size: 0;
    background: var(--beige);
    display: inline-block;
    width: 30px;
    height: 4px;
    margin: 0 5px;
    border-radius: 0;
}

.owl-carousel .owl-nav .owl-prev:hover,
.owl-carousel .owl-nav .owl-next:hover {
    background: var(--brown);
}

.owl-carousel .item {
    width: 94%;
    margin: 0 auto;
}

/*dots end*/

/*header section*/
.logo-main img {
    width: 300px;
}

.pro_logo img {
    width: 300px !important;
}

.topbar {
    width: 100%;
    background-color: #f5f5f5;
    padding: 4px 0;
    top: 0;
    border-top: 2px solid var(--beige);
}

.topbar ul {
    float: right;
    margin-bottom: 0;
}

.topbar ul li {
    float: left;
    font-size: 13px;
    color: #222;
    margin: 0 10px;
    list-style-type: none;
}

.topbar ul li:hover {
    color: #000;
}

.topbar ul li i {
    font-size: 12px;
    color: #9f5201;
    margin-right: 4px;
}


.topbar_left {
    display: flex;
    justify-content: space-between;
}

.topbar_left i {
    font-size: 12px;
    color: #9f5201;
    margin-right: 4px;
}

.topbar_left span {
    font-size: 12px;
}


#spin {
    font-family: "Gilda Display", serif;
    font-size: 18px;
    font-weight: 600;
    color: var(--brown);
}

#spin:after {
    content: "";
    animation: spin 5s linear infinite;
}

@keyframes spin {
    0% {
        content: "Lorem Ipsum is simply a dummy text";
    }

    50% {
        content: "Hotel Sonar Bangla";
    }

    100% {
        content: "Website";
    }
}

.topbar .topbar_right a {
    color: var(--black);
}

.menu-bar {
    padding: 0;
    position: relative;
}


.scroll_navbar img {
    transition: 0.6s;
    margin-top: 0;
}

.scroll_navbar .custom-logo-link {
    left: -50px;
    top: 5px;
}

/* .scroll_navbar .stellarnav ul{border-bottom: 1px solid #ffe8d1;background-color: #fff9f9;} */
.scroll_navbar {
    box-shadow: 0px 15px 10px -15px #aaa;
    background-color: #fff;
}

.midlogo {
    margin: 0 4pc !important;
}

.custom-logo-link {
    position: absolute;
    z-index: 9;
    margin-top: -6px;
    left: -65px;
    top: 0;
}

.custom-logo-linker {
    padding: 0;
    position: relative;
    z-index: 2;
}

.midlogo a:hover {
    background-color: transparent !important;
}

/*header section*/

.card {
    position: relative;
}

.img_wrapper {
    overflow: hidden !important;
}

/* .card p{color: var(--white);} */
.card img {
    border-radius: 0 !important;
}

.card img:hover {
    transform: scale(1.2);
    transition: 1s;
    cursor: pointer;
}

.card .card-body,
.card .card-footer {
    padding: 8px;
}

.card .card-body p {
    font-size: 13px;
}


/* <-------FOOTER--------> */

footer {
    background-color: #040404;
    background-size: 100% 100%;
    position: relative;
    padding: 25px 0 0 0;
    margin-top: auto;

}

footer h3 {
    color: var(--black);
    font-family: "Gilda Display", serif;
    font-weight: 600;
    margin-bottom: 5px;
    font-size: 20px;
}

footer h4 {
    color: var(--beige);
    font-family: "Gilda Display", serif;
    font-weight: 600;
    margin-bottom: 14px;
    font-size: 18px;
}

footer h5 {
    color: var(--white);
    font-weight: 600;
    margin-bottom: 5px;
    font-size: 13px;
}

footer ul {
    line-height: 1.8;

}

footer li i {
    font-size: 10px;
    color: var(--beige) !important;
    float: left;
    position: relative;
    top: 4px;
    margin-right: 10px;
}

footer a {
    color: #9a9a9a;
    font-weight: 300;
    font-size: 12px;
    position: relative;
    top: 0px;
}

footer a:hover {
    color: var(--white) !important;
    transition: 500ms all ease;
}

footer li {
    color: #9a9a9a;
    font-size: 12px;
    margin: 0 0 2px 0;
    line-height: 18px;
    display: flex;
    font-weight: 300;
}

footer p {
    font-weight: 300;
    color: #9a9a9a;
    font-size: 12px;
}

footer a:hover {
    color: var(--white);
}

footer .footlink ul li {
    margin-bottom: 8px;
}

footer .footlink ul li:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f061";
    color: var(--beige);
    font-size: 8px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin-right: 10px;
}

footer ul ul.foot_contacts li {
    float: left;
    border-right: 1px solid #434343;
    padding: 0 7px 0 0;
    margin: 0 7px 3px 0;
}

footer ul ul.foot_contacts li:last-child {
    border-right: 0;
}

.contact_area {
    border-left: 1px dashed var(--beige);
}

.contact_area ul {
    margin: 0;
}

.contact_area ul li ul li {
    margin: 0;
}

.social_icon .social-button {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    transition: all 0.5s ease;
    margin: 0 4px;
    width: 25px;
    height: 25px;
    line-height: 28px;
    text-align: center;
    border-radius: 0;
}

.copyright {
    background: #2d2d2d;
    padding: 10px 0;
    margin-top: 1pc;
}

.copyright p {
    font-size: 10px;
    margin: 0;
}

.copyright a {
    color: var(--lightblue);
}

.copyright a:hover {
    color: var(--white);
}

/* <-------FOOTER--------> */

/* Captcha */
.g-recaptcha {
    display: inline;
}

.recaptcha {
    max-width: 100%;
}

.g-recaptcha>div {
    width: 100% !important;
    height: 78px;
    transform: scale(0.97);
    webkit-transform: scale(0.97);
    text-align: center;
    position: relative;
}

@media (max-width: 575px) {
    .g-recaptcha>div {
        transform: scale(1);
        webkit-transform: scale(1);
    }
}

@media (max-width: 480px) {
    .g-recaptcha>div {
        transform: scale(1);
        webkit-transform: scale(1);
    }
}

/* Captcha */


/* <!-- EQUALHEIGHT -->  */
.equalheight {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.equalheight>[class*='col-'] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

/* <!-- EQUALHEIGHT -->  */

/* <!-- Check In and Check Out -->  */


::placeholder {
    color: #333 !important;
}

optgroup {
    color: var(--brown) !important;
    font-size: 14px;
}

/*double image*/
.int_about_wrapper {
    padding: 0 0 25px 0;
}

.about_box_wrapper .about_imgbox {
    text-align: right;
}

.about_imgbox .about_img {
    position: relative;
}



.about_contentbox {
    padding-top: 20px;
}

.about_contentbox .int_heading span {
    font-size: 30px;
    letter-spacing: inherit;
}

.about_contentbox .about_head1 {
    font-size: 34px;
    color: #111;
    font-weight: 500;
    margin: 5px 0px 2px 0px;
}

.about_contentbox .about_head2 .team {
    font-weight: 500;
    color: #111;
}

.about_contentbox .about_head2 {
    font-size: 34px;
    color: #bc825c;
    font-weight: 300;
}

.about_contentbox .about_deatils {
    padding-top: 15px;
}

.about_contentbox .int_heading {
    margin-bottom: 0;
    text-align: left;
}

.about_contentbox .int_btn .about_btnicon {
    height: 60px;
    line-height: 60px;
    display: inline-block;
    position: absolute;
    left: -60px;
    padding: 0px 16px;
    background: #34393f;
    border-right: 1px solid #212629;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
}

/*double image*/

/* <!-- Check In and Check Out -->  */

/* <!-- What We're Know For -->  */
.features .feat_col {
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 0;
    background-image: linear-gradient(#eeddc3, #fff);
    margin: 10px 0;
    text-align: center;
}

.features .feat_col p {
    margin-bottom: 0;
    font-size: 13px;
}

.features .feat_col h6 {
    margin-bottom: 5px;
    color: var(--brown);
}

/* .features .feat_col ul{display: flex;} */
.features .feat_col i {
    font-size: 16px;
    margin-right: 10px;
    border-radius: 0;
    color: var(--white);
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    background-color: var(--beige);
    margin-bottom: 1pc;
}

.features .feat_col:hover {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    cursor: pointer;
    transition: 400ms all ease;
}

.features .feat_col:hover i {
    border-radius: 0;
    background-color: var(--brown);
    transition: 400ms all ease;
}

/* <!-- What We're Know For -->  */


/* <!--Destinations -->  */
.destinations_bg {
    background-color: #fff;
    padding: 20px;
    margin-top: 2pc;
    border-radius: 0;
    box-shadow: 0 0 12px #aaa;
}

.destinations_bg2 {
    padding: 20px 20px 10px 20px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    margin-top: 1pc;
    border-radius: 0;
}

.destinations .card-footer {
    text-align: center;
}

.destinations h6 {
    font-family: "Gilda Display", serif;
    font-size: 20px;
    color: var(--white);
    background-color: var(--brown);
    padding: 5px;
    border-radius: 0;
    border: 1px solid var(--beige);
    font-weight: 600;
}

.destinations i {
    font-size: 13px;
    margin-right: 4px;
    color: var(--beige);
}

.destinations h5 {
    font-weight: 600;
    font-size: 16px;
}


.destinations .share_div {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1;
}

.destinations .share_div i {
    font-size: 14px;
    height: 28px;
    width: 28px;
    line-height: 28px;
    background-color: var(--white);
    color: var(--brown);
    text-align: center;
    border-radius: 0;
    animation: pulse 1s infinite;
}

.destinations .video_div {
    position: absolute;
    top: 50px;
    right: 10px;
    z-index: 1;
}

.destinations .video_div i {
    font-size: 30px;
    color: #fd0f0f;
    animation: pulse 1s linear infinite;
}

h3 strong {
    position: relative;
    background: #603100;
    color: var(--white);
    font-size: 20px;
    font-weight: 600;
    display: inline-block;
    padding: 6px 10px;
}

h3 strong::before {
    content: "";
    position: absolute;
    right: -20px;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 20px solid #603100;
    border-top: 36px solid transparent;
}

/* <!--Destinations -->  */

/* <!--Benefits -->  */
.benefits_div {
    padding: 10px;
    background-color: var(--brown);
}

.benecol {
    text-align: center;
    padding: 1pc;
    color: var(--white);
    color: var(--beige);
    border-right: 1px solid var(--beige);
}

.benecol:last-child {
    border-right: 0;
}

.benecol i {
    font-size: 20px;
    margin-bottom: 1pc;
    background-color: #fff;
    height: 50px;
    width: 50px;
    border: 2px solid var(--beige);
    border-radius: 0;
    line-height: 50px;
}

.benecol h6 {
    font-size: 14px;
    color: var(--white);
}

.benecol:hover {
    cursor: pointer;
}

.benecol:hover i {
    transition: 400ms all ease;
    border-radius: 0;
    background-color: rgba(0, 0, 0, 0.4);
    color: var(--white);
}

.benecol:hover h6 {
    color: var(--beige);
    transform: scale(1.15);
    transition: 400ms all ease;
    font-family: "Gilda Display", serif;
    font-weight: 600;
}

/* <!--Benefits -->  */


/* <!--Events -->  */
.events img {
    border-radius: 0;
}

/* .events .position-relative{margin-bottom: 1.5pc;} */
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    border-radius: 0;
    background-color: rgba(0, 0, 0, .5);
}

.overlay_new {
    background-color: rgba(0, 0, 0, 0.7) !important;
}

.overlay_txt {
    position: absolute;
    bottom: 1pc;
    left: 1pc;
}

.overlay_txt h4,
.overlay_txt_center h3 {
    color: var(--white);
    font-family: "Gilda Display", serif;
    font-size: 26px;
    font-weight: 400;
}

.events .position-relative:hover .overlay_txt {
    bottom: 1.5pc;
    transition: 400ms all ease;
}

.events .position-relative:hover {
    transform: scale(0.96);
    transition: 400ms all ease;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.events .overlay_txt_center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.events .overlay_txt_center p {
    color: var(--white);
    font-weight: lighter;
}

.overlay_txt_center h3 {
    font-size: 38px;
    line-height: 40px;
}

.overlay_txt_center h3 span {
    color: var(--beige);
}

/* <!--Events -->  */

/* <!--About Us -->  */
.bg h3 {
    font-size: 8rem;
    text-align: center;
    font-weight: 800;
    text-transform: uppercase;
    background: url(images/bg.webp) 0 0 / cover no-repeat;
    color: #de466c;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 0;
}

.mask_bg {
    background-color: var(--beige);
    border-radius: 0;
    background-image: linear-gradient(#fff0da, #fff);
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.about_div h4 {
    color: var(--beige);
    font-weight: 600;
}

.about_div h4 span {
    color: var(--brown);
}

/* <!--About Us -->  */

/* <!--Upcoming Projects-->  */
.stellarnav.mobile.right>ul {
    z-index: 100;
}

figure {
    margin: 0;
}

.grid {
    position: relative;
    margin: 0 auto;
    list-style: none;
    text-align: center;
}

.grid figure {
    position: relative;
    float: left;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
}

.grid figure img {
    position: relative;
    display: block;
    min-height: 100%;
    max-width: 100%;

}

.grid figure figcaption {
    padding: 1.5em 2em 1.5em 1em;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
    pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption>a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

figure.effect-oscar {
    background: var(--white);
    text-align: left;
    padding: 8px;
    box-shadow: 0 0 15px #cecece;
}

figure.effect-oscar figcaption::before {
    position: absolute;
    top: 15px;
    right: 15px;
    bottom: 15px;
    left: 15px;
    border: 1px solid var(--white);
    content: "";
}

figure.effect-oscar h2 {
    margin: 45% 0 0 0;
    transition: transform 0.35s;
    transform: translate3d(0, 100%, 0);
    font-family: "Barlow", sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: var(--brown);
    background: #fdffbd;
    padding: 8px;
    text-align: left;
}

figure.effect-oscar figcaption::before,
figure.effect-oscar p {
    opacity: 0;
    transition: opacity 0.35s, transform 0.35s;
    transform: scale(0);
    font-size: 12px;
    color: #fff;
    text-transform: none;
    line-height: 16px;
    margin-top: 10px;
}

figure.effect-oscar:hover h2 {
    transform: translate3d(0, 0, 0);
    margin: 10% 0 0 0;
}

figure.effect-oscar:hover figcaption::before,
figure.effect-oscar:hover p {
    opacity: 1;
    transform: scale(1);
}

figcaption:hover {
    background-color: rgba(0, 0, 0, 0.6) !important;
}

figure.effect-oscar:hover img {
    opacity: 0.4;
    filter: none;
    -webkit-filter: grayscale(0);
    -webkit-transform: scale(1.01);
}

/* <!--Upcoming Projects-->  */


.projects figcaption p {
    padding: 0 20px;
    text-align: justify;
}

.about_content p {
    text-align: justify;
}

/* <!-- FLOATING SOCIAL ICONS-->  */
.floating_icon_bar {
    position: fixed;
    bottom: 22%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 9999;
    right: 10px;
}

.floating_icon_bar a {
    display: block;
    text-align: center;
    padding: 12px;
    transition: all 0.3s ease;
    color: #fff;
    font-size: 16px;
    width: 45px;
    height: 45px;
    line-height: 22px;
    border-radius: 0;
    margin: 15px 0;
    animation: pulse 1s infinite;
    border: 1px solid #888;
}

.floating_icon_bar i {
    color: #fff;
}

/* <!-- FLOATING SOCIAL ICONS-->  */

.choose-image {
    position: relative;
}

.shape-3,
.shape-1 {
    position: absolute;
    top: 0;
    right: 0;

}

.shape-3 img {
    width: 80%;
}

.shape-2 {
    position: absolute;
    top: 10px;
    left: 0;
}



.service-section {
    padding: 90px 0 160px 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}

.service-section .sec-title {
    color: var(--white);
    font-weight: 400;
}

.service-icon-box h5>a {
    color: var(--beige);
    line-height: 1.5em;
}

.service-icon-box:hover h5>a {
    color: var(--beige);
}

.service-section:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(24, 25, 29, .99);
    mix-blend-mode: multiply;
}

.service-icon-main {
    margin-top: -150px;
}

.service-icon-box .icon-box-inner {
    color: var(--beige);
    font-size: 30px;
    padding: 8px;
    display: inline-block;
    border-radius: 0;
    background: #F5F5F5;
    margin-right: 10px;
    position: relative;
    transition: all 500ms ease;
    z-index: 1;
}

.service-icon-box .icon-box h5 {
    font-size: 16px;
    font-weight: 600;
    color: var(--brown);
}

.service-icon-box .icon-box {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.service-icon-box {
    padding: 8px;
    z-index: 1;
    position: relative;
    border-bottom: 3px solid var(--brown);
    background: var(--white);
    box-shadow: 0px 4px 20px 0px rgb(139 139 139 / 69%);
    transition: all 500ms ease;
    width: 100%;
}

.service-icon-box p {
    margin: 0;
}

.service-icon-box:before {
    position: absolute;
    bottom: -3px;
    right: 0;
    width: 0;
    height: 3px;
    background: var(--beige);
    content: "";
    transition: all 500ms ease;
}

.service-icon-box:hover:before {
    width: 100%;
}

.service-icon-box .icon-box-inner:before {
    position: absolute;
    content: '';
    background: var(--brown);
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: -1;
    border-radius: 0;
    transform: scale(0, 0);
    transition: all 500ms ease;
}

.service-icon-box:hover .icon-box-inner:before {
    transform: scale(1, 1);
}

.service-icon-box:hover .icon-box-inner {
    color: var(--white);
}


.heading {
    background-image: linear-gradient(to right, #ede0cc, #fff);
    font-size: 25px;
    font-weight: 600;
    color: var(--black);
    border-left: 4px solid var(--beige);
    padding: 0 0 0 6px;
}

/* filter gallery start */
.filter-list {
    margin-bottom: 30px;
}

.filter-list h3 {
    display: block;
}

.filter-list .btn.active {
    background: var(--brown);
    color: #fff;
}

.filter-list .btn:focus {
    box-shadow: none;
}

.filter-list .btn.active::after {
    content: '';
    display: block;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-top: 8px solid var(--brown);
    position: relative;
    margin: -10px auto;
    padding-top: 15px;
    width: 12px;
    text-align: center;
    transform: translateY(100%);
}

.filter-list .btn {
    background: #fff;
    cursor: pointer;
    text-transform: capitalize;
    border-radius: 0;
    font-weight: 500;
    font-size: 16px;
    border: 1px solid var(--beige);
    padding: 10px 20px !important;
}

.filter .label {
    position: absolute;
    width: 100%;
    height: 40px;
    bottom: -40px;
    -webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.filter .label-bg {
    background-image: linear-gradient(to right, #2e3dff, #4bbdcb);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.filter .label-text {
    color: #fff;
    font-size: 13px;
    position: relative;
    z-index: 500;
    padding: 5px 8px;
}

.filter:hover .label {
    bottom: 0;
}

/* filter gallery end */





/*--- image hover --*/

figure.hover_effect {
    background: var(--brown);
}

figure.hover_effect img {
    width: -webkit-calc(100% + 20px);
    width: calc(100% + 20px);
}

figure.hover_effect:hover img {
    opacity: 0.4;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

figure.hover_effect figcaption {
    text-align: left;
}

figure.hover_effect h2 {
    position: relative;
    overflow: hidden;
    padding: 0 0 0.5em 0;
    text-transform: capitalize;
    color: var(--white);
}

figure.hover_effect h3 {
    font-size: 20px;
    color: var(--white);
}

figure.hover_effect h2::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: var(--beige);
    content: '';
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}

figure.hover_effect:hover h2::after {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

figure.hover_effect p,
figure.hover_effect h3,
figure.hover_effect .btn_grp {
    padding: .2em;
    opacity: 0;
    text-transform: capitalize;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    margin: 0;
    font-size: 12px;
}

figure.hover_effect:hover p,
figure.hover_effect:hover h3,
figure.hover_effect:hover .btn_grp {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

figure.hover_effect .btn_grp {
    width: 100%;
}

.home_room .btn_grp_section {

    left: 0;
    position: absolute;
}

.btn_grp_section.btn-primary,
.btn_grp_section.btn-secondary {
    font-size: 13px;
    padding: 6px 10px;
}

.btn_grp_section.btn-primary i,
.btn_grp_section.btn-secondary i {
    font-size: 9px;
}

figure.hover_effect img {
    position: relative;
    display: block;
    height: 270px;
    object-fit: cover;
    min-height: 100%;
    max-width: 100%;
    filter: gray;
    -webkit-filter: grayscale(0);
    -webkit-transition: all 0.8s ease-in-out;
}


.home_room figure.hover_effect img {
    position: relative;
    display: block;
    height: auto;
    min-height: 100%;
    max-width: 100%;
    filter: gray;
    -webkit-filter: grayscale(0);
    -webkit-transition: all 0.8s ease-in-out;
}

.btn_grp li {
    float: left;
    margin: 0 6px 15px 6px;
}

.btn_grp li i {
    color: var(--white);
    font-size: 14px;
}

.btn_grp li i:hover {
    color: var(--beige);
}

.property .btn_grp ul {
    margin: 0 0 14px 15px;
}

.property .btn_grp li,
.Banquetfacilities .btn_grp li {
    float: none;
    margin: 0 0 2px 0;
    font-size: 12px;
}

.property .btn_grp ul,
.Banquetfacilities .btn_grp ul {
    padding: 0;
    margin: 0 0 10px 0;
}

.boat_section .btn_grp ul {
    padding: 0;
    margin: 0;
}

.property .btn_grp li:before,
.Banquetfacilities .btn_grp li:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "";
    color: var(--beige);
    font-size: 12px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin-left: -16px;
    position: absolute;
}

.property .btn_grp li,
.Banquetfacilities .btn_grp li {
    margin: 0 0 5px 0;
}

.property .btn_grp li i,
.Banquetfacilities .btn_grp li i {
    font-size: 15px;
    color: var(--beige);
    width: 20px;
    text-align: center;
}

.property .btn_grp li i.fa-user-group,
.Banquetfacilities .btn_grp li i.fa-user-group {
    font-size: 11px;
}

.property figure.hover_effect h2 {
    font-family: "Barlow Condensed", sans-serif;
    font-size: 22px;
    text-shadow: 1px 1px 1px black;
    font-weight: 600;
}

/*--- image hover --*/

.vertical_txt {
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -ms-transform-origin: right top 0;
    -moz-transform-origin: right top 0;
    -webkit-transform-origin: right top 0;
    transform-origin: right top 0;
    right: 10%;
    padding: 4px 6px;
    font-family: "Barlow", sans-serif;
    font-size: 10px;
    font-weight: 600;
    color: var(--white);
    letter-spacing: 3px;
    background: var(--brown);
    white-space: nowrap;
    text-transform: uppercase;
    cursor: vertical-text;
    position: absolute;
    display: block;
    height: auto;
    direction: rtl;
    z-index: 11;
}

.hover_effect .btn-primary::before {
    width: 100%;
    left: 0;
    border-radius: 0;
    background-color: var(--beige);
    z-index: -1;
}

.hover_effect .btn-primary:hover::after {
    width: 100%;
    border-color: var(--beige);
    transition-delay: 0.2s;
}

/*--- div hover --*/
.skills-flex-container {
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
    width: 100%;
}

.skills-flex-container .box {
    flex: 1 1 15%;
    background: var(--white);
    box-shadow: 0 0 5px #aaaaaa86;
    padding: 25px;
    text-align: center;
    transition: all 0.3s ease-in;
}

.skills-flex-container .box .image {
    transition: all 0.3s ease-in-out 0.1s;
}

.skills-flex-container .box .image img {
    max-width: 60px;
    object-fit: contain;
}

.skills-flex-container .box .title {
    margin-top: 15px;
    text-align: center;
    font-weight: 600;
    color: var(--brown);
    transition: all 0.3s ease-in-out;
}

.skills-flex-container .box:hover {
    box-shadow: var(--beige) 0 0 8px;
    transform: scale(1);
}

.skills-flex-container .box:hover .image {
    transform: scale(1.1) translateY(-15px);
}

.skills-flex-container .box:hover .image img {
    animation: bouncing 0.8s 0.3s;
}

.skills-flex-container .box:hover .title {
    color: var(--beige);
}


@keyframes bouncing {

    from,
    to {
        transform: scale(1, 1);
    }

    25% {
        transform: scale(0.9, 1.1);
    }

    50% {
        transform: scale(1.1, 0.9);
    }

    75% {
        transform: scale(0.95, 1.05);
    }
}

/*--- div hover --*/


.b2b h2 {
    font-family: "Barlow", sans-serif;
    font-size: 24px;
    color: var(--brown);
    font-weight: 600;
    margin-bottom: 10px;
}

.b2b h3 {
    font-family: "Barlow", sans-serif;
    font-size: 26px;
    color: var(--beige);
    font-weight: 600;
    margin-bottom: 10px;
}

.b2b h4 {
    font-family: "Barlow", sans-serif;
    font-size: 26px;
    color: var(--beige);
    font-weight: 600;
    margin-bottom: 10px;
}

.b2b p {
    text-align: justify;
}

.cont_border {
    font-size: 15px;
    font-weight: 600;
    padding: 0 0 0 14px;
    border-right: 1px solid #dfb574;
    border-radius: 0;
}

.cont_border:last-child {
    border-right: 0;
}

.cont_border img {
    padding-right: 3px;
    width: 34px;
}

.whitebox {
    background: #fff;
    padding: 25px;
    box-shadow: 0 0 15px #cecece;
    border-radius: 0;
    border-top: 3px solid #dfb574;
    width: 100%;
    display: table;
}

.whitebox h4 {
    border-bottom: 0;
}

label,
.form-control,
.form-select {
    font-size: 14px;
    border-color: var(--beige);
    border-radius: 0;
}

.form-control:focus,
.form-select:focus {
    color: #222;
    background-color: #fff;
    border-color: var(--brown);
    outline: 0;
    box-shadow: none;

}

::-ms-input-placeholder {
    /* Edge 12-18 */
    color: #666 !important;
}

::placeholder {
    color: #666 !important;
}

label span {
    color: #000 !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    background: #fff;

}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    background-color: #dfb574 !important;
    border: 1px solid #dfb574;
    color: #fff;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    font-size: 13px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    border: 1px solid #dfb574;
}

.contact {
    background-image: linear-gradient(to right, #fff 50%, #f8f5f0 0);
}

.cont_bg {
    background: #fff;
    padding: 20px;
    border-radius: 0;
    color: var(--black);
    border: 1px solid #e2d3c3;
}

.cont_bg h4 {
    color: var(--brown);
}

.cont_bg h4 strong {
    font-size: 16px;
    font-weight: 600;
    color: var(--brown);
}

.cont_bg a {
    color: var(--black);
}

.cont_bg li {
    display: flex;
    margin: 0 0 12px 0;
}

.cont_bg li {
    margin: 0 0 30px 0;
}

.cont_bg li ul li {
    float: left;
    margin: 0 10px 3px 0;
    padding: 0 10px 0 0;
    border-right: 1px solid var(--beige);
}

.cont_bg li ul li:last-child {
    border-right: 0;
}

.cont_bg li span {
    display: contents;
    font-weight: 600;
}

.cont_bg li i {
    font-size: 16px;
    color: var(--beige);
    margin: 5px 10px 0 0;
}

.contact .whitebox {
    padding: 20px;
    border: 0;
}

.contact-map iframe {
    width: 100%;
    height: 400px;
}


/*--- property --*/

.offer_head {
    position: relative;
    background: var(--brown);
    border-radius: 0;
    font-family: "Barlow", sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: var(--beige);
    margin: 0;
    text-transform: capitalize;
    line-height: 30px;
    padding: 4px 16px;
    text-align: center;
}

.offer_head strong {
    font-size: 36px;
    font-weight: 400;
    color: var(--white);
    animation-name: blinker;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    display: block;
}

@keyframes blinker {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1.0;
    }
}

.ame_head {
    position: relative;
    background: var(--beige);
    border-radius: 0;
    font-family: "Barlow Condensed", sans-serif;
    font-size: 28px;
    font-weight: 500;
    color: #fff;
    margin: 0;
    text-transform: capitalize;
    line-height: 30px;
    padding: 18px;
    text-align: center;
}

.amenities_area {
    padding-bottom: 0;
    margin-bottom: 15px;
    background: var(--white);

    margin: 20px auto;
    z-index: 1;
    position: relative;
    box-shadow: 0 0 15px #aaa;
}

.amenities_area .amenities .owl-item {
    border-left: 1px solid #d3d3d3;
}

.amenities .owl-nav {
    margin-top: 0;
}

img.icon_size {
    background: var(--white);
    width: 40px !important;
    height: 40px !important;
    border-radius: 0 !important;
    margin: 0 auto 6px auto;
}

.owl-carousel .item {
    width: 100%;
    margin: 0 auto;
}

.owl-carousel.amenities .item {
    padding: 0 5px !important;
    font-size: 12px;
    color: #000;
    font-weight: 500;
    text-align: center;
    line-height: 14px;
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
    display: block !important;
}



.facilities .project_details img {
    width: 50px;
    margin-bottom: 4px;
    display: table;
}

.facilities li {
    float: left;
    font-size: 13px;
    font-weight: 600;
    color: var(--black);
    margin: 0 6px;
    text-align: left;
    width: 28%;
}

.property .about_imgbox .about_img .child_imgbox {
    width: 50%;
    position: absolute;
    bottom: 0;
    right: 30px;
    left: auto;
    border-top: 12px solid #f8f5f0;
    border-left: 12px solid #f8f5f0;
}

.property .about_imgbox .about_img {
    position: relative;

}

.property .about_imgbox .about_img img {
    height: 350px;
}

.property .about_imgbox .about_img .child_imgbox img {
    height: 230px;
}

.service-icon-box h5 {
    font-size: 17px;
    font-weight: 600;
    margin-top: 10px;
    height: 24px;
    color: var(--brown);
}

.property .service-icon-box p {
    margin-bottom: 10px;
}

.Banquetfacilities {
    background: #f1e6d6;
    padding: 12px;
    margin-bottom: 12px;
}

.Banquetfacilities ul li {
    margin-bottom: 7px;
}

.Banquetfacilities ul li strong {
    font-weight: 600;
}

.Banquetfacilities ul img {
    width: 16px;
    height: 16px;
}

.Banquetfacilities .heading2 {
    margin-bottom: 8px;
}

.Banquetfacilities .btn_grp {
    border-top: 1px solid var(--beige);
    margin-top: 10px;
    padding: 10px 0 0 0;
}

.Banquetfacilities .btn_grp li i {
    color: #93836c;
}

.Banquetfacilities .btn_grp li i.fa-bed {
    font-size: 13px;
}

.banquet h4 {
    margin: 0 0 4px 0;
}

.owl-carousel .owl-item img {
    border-radius: 0;
}

.shadow {
    background-image: linear-gradient(#e3fff1, var(--white), var(--white));
    border-top: 3px solid var(--beige);
    --shadow: rgb(0 0 0) 8px 20px 32px -10px;
    padding: 20px;
    border-radius: 0;
}

.imgzoom_wrapper {
    overflow: hidden;
}

.imgzoom {
    transition: 0.3s;
}

.imgzoom:hover {
    transform: scale(1.1);
}

.paper {
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    margin: 0 0 12px 0;
    padding: 8px;
    position: relative;
    width: 100%;
    color: #000;
}

.paper .title {
    font-size: 12px;
    color: var(--black);
    text-align: center;
    margin-top: 5px;
    font-weight: 400;
}


hr {
    border-top: 2px dashed var(--beige);
}

.owl-carousel.owl-gallery .item {
    width: 96%;
    margin: 0 auto;
}

.zoom_overlay {
    color: #fff;
    position: absolute;
    z-index: 99;
    bottom: 0;
    width: 100%;
    height: 100%;
    /*background: linear-gradient(rgba(0,0,0,0) 60%,rgba(0,0,0,.65) 100%);*/
    display: flex;
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5);
    opacity: 0;
    -webkit-transition: 300ms ease all;
    -moz-transition: 300ms ease all;
    transition: 300ms ease all;
    -webkit-transition-delay: 0;
    -moz-transition-delay: 0;
    transition-delay: 0;
}

.photo-icon {
    position: absolute;
    width: 50px;
    height: 50px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #000000b3;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    text-align: center;
    border-radius: 0;
}

.photo-icon:hover i {
    color: var(--beige);
}

.photo-icon i {
    line-height: 50px;
    font-size: 22px;
    color: var(--white);
}

.zoom_circle:hover .zoom_overlay {
    -webkit-transform: scale(1) rotate(0);
    -moz-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
    opacity: 1;
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    transition-delay: 300ms;
}

.gallery .zoom_circle {
    margin: 5px;
    margin-bottom: 5px;
}

/* Shine effect */
figure {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

figure:hover+span {
    bottom: -36px;
    opacity: 1;
}

.shine figure {
    position: relative;
}

.shine figure::before {
    position: absolute;
    top: 0;
    left: -120%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .1) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .1) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}

.shine figure:hover::before {
    -webkit-animation: shine .75s;
    animation: shine .75s;
}

@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}

@keyframes shine {
    100% {
        left: 125%;
    }
}

/* Shine effect end*/
.properti_name {
    margin: 5px 0;
    font-size: 18px;
    color: var(--brown);
}

.properti_name i {
    font-size: 13px;
    color: var(--beige);
    margin-top: -4px;
}

.other_property_block {
    background: var(--white);
    padding: 6px;
    box-shadow: 0px 15px 10px -15px #978870;
}

.easy_accessibility {
    padding: 8px 15px;
}

.easy_accessibility h4 {
    color: var(--beige);
    font-weight: 400;
}

.easy_accessibility p {
    padding: 5px;
    margin-bottom: 1pc;
}

.easy_accessibility p:last-child {
    margin-bottom: 0;
}

.dis_frm p {
    background-color: transparent;
    font-size: 13px;
}

.heading_sm {
    font-size: 16px;
    font-weight: 600;
    color: var(--brown);
    margin: 0;
    padding: 0;
    text-transform: capitalize;
}


.gmap iframe {
    height: 240px;
    width: 100%;
}

ul.section {
    margin: 0 0 25px 0;
    display: table;
}

.customized_pack_section li:last-child {
    border-right: 0;
}

.customized_pack_section li {
    display: flex;
    background: var(--white);
    border: 1px dashed var(--beige);
    border-radius: 0;
    font-size: 18px;
    color: var(--beige);
	margin: 0 10px 10px 0;
    padding: 10px;
    float: left;
    width: 45%;
}

.customized_pack_section li:hover i {
    color: var(--brown);
}

.customized_pack_section li a {
    margin-right: 6px;
}

.customized_pack_section li a i {
    color: var(--beige);
}

.customized_pack_section li p {
    margin: 0;
}

.customized_pack_section li p {
    font-size: 16px;
    font-weight: 600;
}

.customized_pack_section li i:hover {
    background: var(--beige);
    border: 1px solid var(--beige);
    color: var(--white);
}

.customized_pack_section .accordion-body {
    padding: 10px 15px 1px 15px !important;
}

/*--- /property --*/

.booking_option {
    margin: 0;
}

.booking_option .wpcf7-list-item-label {
    opacity: 1;
    background: var(--white);
    border: 1px solid var(--beige);
    padding: 10px 20px;
    border-radius: 0;
    position: relative;
    text-align: center;
    margin: 0;
    float: left;
}

.booking_option input:checked+.wpcf7-list-item-label {
    opacity: 1;
    color: #fff !important;
    background: var(--brown);
    padding: 10px 20px;
    border-radius: 0;
    float: left;
}

.wpcf7-list-item-labeldd::before {
    font-family: "font awesome 5 free";
    font-weight: 900;
    content: "\f00c";
    font-size: 16px;
    color: var(--beige);
    margin-right: 5px;
}

.booking_option label {
    cursor: pointer;
    pointer-events: auto;
}

.booking_option input:checked+.wpcf7-list-item-label::before {
    display: initial;
}

.booking_option .wpcf7-list-item-label::before {
    display: none;
}

.booking_option {
    margin: 0;
}

.modal .booking_option {
    margin: 0 0 15px 0;
}

.wpcf7-list-item label input {
    display: none !important;
}

.content_box .section_title {
    display: inline-table;
    margin-bottom: 10px;
}

.content_box .section_title h2,
.content_box .section_title img {
    float: left;
}

.content_box .section_title h2 {
    font-size: 30px;
    color: var(--black);
}

.section_title img {
    height: 30px;
    margin: 5px;
}

.Banquet_cat h4 {
    font-family: "Barlow", sans-serif;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 10px;
    color: var(--brown);
    margin-bottom: 4px;
}

.carpos .carposhead {
    font-size: 15px;
    color: var(--brown);
    font-weight: 600;
    background-color: var(--beige);
    padding: 8px 15px;
}

.carpos .carposhead i {
    font-size: 13px;
}

.carpos .row:nth-child(even) {
    background-color: #f1e6d6;
}

.carpos .scale {
    padding: 12px 3px !important;
    line-height: 20px;
    font-size: 14px;
}

.carpos .row {
    border: 1px solid var(--beige);
    margin-top: 4px;
}

.career i {
    color: var(--brown);
    font-size: 12px;
}

.modal-open {
    overflow: hidden !important;
}
.modal{z-index:9999;}
.modal h5 {
    font-family: "Gilda Display", serif;
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 7px;
    color: var(--brown);
}

.form-label {
    margin-bottom: .2rem !important;
}

.modal-header {
    background: transparent;
    padding: 0.6rem 1rem;
    border-bottom: 1px solid var(--beige);
}

.modal-header .btn-close {
    background: transparent !important;
    opacity: 1;
}


.modal-header .btn-close:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f00d";
    color: var(--white);
    font-size: 25px;
}

.modal-header .btn-close:hover:after {
    color: var(--brown);
}

.modal-header .btn-close:focus {
    box-shadow: none;
}

.txt-sm {
    font-size: 12px;
}

.lightbg3 {
    background-color: #f8f5f0;
}

.lightbg {
    background-color: #f8f5f0;
    padding: 30px 15px;
    display: table;
    width: 100%;
}

.lightbg h3 {
    font-family: "Gilda Display", serif;
    font-size: 22px;
    font-weight: 600;
    color: var(--black);
}

.lightbg img {
    height: 30px;
}

.lightbg ul li:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "";
    color: var(--brown);
    font-size: 13px;
}

.lightbg ul {
    margin: 0 0 0 6px;
}

.lightbg ul li a {
    font-size: 13px;
    font-weight: 400;
    float: left;
    margin: 0 6px 0 0;
    padding: 0 6px 0 0;
    border-right: 1px solid var(--beige);
}

.lightbg ul li a:last-child {
    border-right: 0;
}

.cont_block h5 i {
    color: var(--brown);
    font-size: 14px;
}

.cont_block i {
    color: var(--beige);
    font-size: 13px;
    margin-top: 5px;
}

.cont_block {
    margin: 0 0 20px 0;
    display: table;
    padding: 0 0 10px 0;
}

.cont_block .d-flex {
    margin: 0 0 5px 0;
}

/*
.cont_block:nth-child(6) {
    background:#ffdabe;
    padding:6px;
}
*/

.cont_block:last-child {
    margin: 0;
}

.cont_block h5 {
    font-family: "Barlow", sans-serif;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px;
    color: var(--brown);
}

.more {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.25;
    place-self: center;
    text-decoration: none;
    color: var(--brown);
    position: relative;
}

.more i {
    color: var(--beige);
}

.more:after {
    position: absolute;
    content: "";
    bottom: -3px;
    left: 0;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid;
    transform: scaleX(0);
    transform-origin: 100% 100%;
    transition: transform 0.6s;
    transition-timing-function: cubic-bezier(0.39, 0.575, 0.28, 0.995);
}

.more:hover:after {
    transform: scaleX(1);
    transform-origin: 0 0;
}

.vdo_btn {
    margin: 0 0 0 10px;
}

.vdo_btn i {
    font-size: 22px;
    color: #ff0000;
}

.pro_name_vdo {
    position: relative;
}

.vdo_btn {
    position: absolute;
    top: 20px;
    right: 30px;
}

.facilities.project_details ul li img {
    width: 60px;
    display: table;
}

.cms-wrap h2 {
    font-family: "Gilda Display", serif;
    font-size: 28px;
    font-weight: 400;
    margin-bottom: 10px;
    color: var(--brown);
}

.dis_frm22 {
    display: flex;
    align-items: baseline;
}

#callnowbutton.cnb-single {
    width: 45px;
    height: 45px;
    right: 10px;
    box-shadow: none;
}

.cnb-single.cnb-right {
    bottom: 170px !important;
    right: 10px !important;

}

.ctc_s_7_icon_padding.ctc-analytics {
    border-radius: 0 !important;
}

#callnowbutton.cnb-single {
    width: 38px !important;
    height: 38px !important;
    border-radius: 0 !important;
    z-index: 1;
}

#ht-ctc-chat {
    z-index: 1 !important;
}

.resorts_location ul li {
    float: left;
    margin: 0 0 10px 0 !important;
    border-right: 1px dashed #aaa;
    padding: 0 15px;
    width: 25%;
}

.resorts_location ul li:nth-child(4),
.resorts_location ul li:nth-child(8) {
    border-right: 0;
}

.resorts_location ul li i {
    font-size: 12px !important;
    margin: 4px 1px 0 0 !important;
}

.resorts_location .service-icon-box h5 {
    margin-top: 0;
    height: auto;
}

.resorts_location ul li a:hover {
    color: var(--beige);
}

.resorts_location ul li a:hover i {
    color: var(--brown);
}

.booking_option .nav-pills .nav-link.active,
.booking_option .nav-pills .show>.nav-link {
    color: var(--white);
    background-color: var(--brown);
    border: 1px solid var(--brown);
    border-radius: 0;
}

.booking_option .nav-pills .nav-link {
    color: var(--black);
    background-color: var(--white);
    border: 1px solid var(--brown);
    border-radius: 0;
}

.incredible_logo img {
    width: 120px;
}

.distance_from strong {
    color: var(--brown);
    font-family: "Barlow", sans-serif;
    font-size: 14px;
}

.distance_from p {
    padding: 0;
    margin: 0 0 0 30px;
    font-family: "Barlow", sans-serif;
    font-size: 12px;
}

.accordion-item {
    border: 0;
    margin-bottom: 6px;
}

.accordion-button:not(.collapsed)::after {
    background: url(images/arrow-down.png) 0 0 no-repeat;
    transform: rotate(-180deg);
}

.accordion-button:after {
    background: url(images/arrow-down.png) 0 0 no-repeat;
}

.accordion-button:focus {
    box-shadow: none;
}

.owl-gallery-modal .item {
    width: 96%;
    margin: 0 auto;
}

.accordion-item .accordion-button {
    border-radius: 0;
    color: var(--brown);
    font-size: 15px;
    font-weight: 600;
    font-family: "Barlow", sans-serif;
    padding: 8px 10px;
    border-bottom: 1px solid var(--beige);
    background-color: transparent;
    box-shadow: none;
}

.accordion-item .accordion-button.collapsed {
    border-radius: 0;
    color: var(--black);
    font-size: 14px;
    font-weight: 400;
    font-family: "Barlow", sans-serif;
    border-bottom: 1px solid #ddd;
}



.accordion-item .accordion-button i {
    margin-right: 6px;
    color: var(--beige);
    font-size: 15px;
}

/*nav-tabs*/
.nav-tabs .nav-link,
.nav-tabs {
    border: 0 !important;
    font-family: "Barlow Condensed", sans-serif;
    font-size: 18px;
    color: var(--brown);
    margin-bottom: 12px;
    font-weight: 600;
}

.nav-tabs .nav-link.active {
    color: var(--brown) !important;
    background-color: transparent;
    border-color: transparent;
    border-bottom: 2px solid var(--beige) !important;
    border-radius: 0;
}

.nav-tabs .nav-link.active::after {
    opacity: 1;
}

.nav-tabs .nav-link::after {
    content: '';
    display: block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid var(--beige) !important;
    position: relative;
    margin: -2px auto;
    padding-top: 0px;
    width: 3px;
    text-align: center;
    transform: translateY(100%);
    opacity: 0;
}

.nav-tabs .nav-link {
    padding: 0;
}

ul.nav-tabs {
    margin: 0;
}

ul.nav-tabs li.nav-item {
    margin: 0 14px 0 0;
}

.tab-content,
.lightbg2 {
    background: #fff7ea;
    padding: 10px 15px;
}

.tab-content p {
    margin-bottom: 0;
    text-align: justify;
}

.whitebg {
    background: #fff;
    padding: 15px;
    box-shadow: 0 0 12px #cacaca;
}

.whitebg ul li {
    margin-bottom: 10px;
}

.exciting_times .whitebg ul li {
    margin-bottom: 4px;
}

.whitebg ul li:last-child {
    margin-bottom: 0;
}

/*nav-tabs end*/

.dis_frm .list-group-item {
    position: relative;
    display: block;
    padding: 0.5rem 0;
    color: #111 !important;
    font-size: 13px;
    text-decoration: none;
    background-color: transparent;
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid var(--beige);
    border-left: 0;
}

.dis_frm .badge {
    background: var(--brown);
    float: right;
}

.dis_frm .badge p {
    margin: 0;
    font-size: 11px;
    font-weight: 400;
    padding: 3px;
}

.bullet_points ul {
    background: #fff;
    padding: 6px 8px 6px 25px;
    margin: 0 0 10px 0;
    border: 1px dashed var(--beige);
}

.bullet_points ul li {
    margin-bottom: 4px;
}

.bullet_points h6 {
    font-size: 12px !important;
}

.txt_sm,
.txt_sm p {
    font-size: 12px;
    color: var(--brown);
}

.content_box p {
    margin-bottom: 8px;
    text-align: justify;
}

.content_box h6 {
    font-size: 16px;
    color: var(--brown);
    font-weight: 600;
    margin-bottom: 8px;
}

ul.nav-tabs li:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "";
    font-size: 0;
}

.custom_pck123 {
    background: linear-gradient(-45deg, #ffc976, #fff, #d59c7a);
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;
    padding: 6px;
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 20%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.offer-card {
    position: relative;
}

.offer-card__text {
    font-size: 20px;
    color: var(--white);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
}

.do_dont h5 {
    background: var(--beige);
    padding: 4px;
    color: var(--white);
}

.do_dont ul {
    margin-top: 10px;
    margin-bottom: 10px;
}

.focused_efforts_txt_area {
    background: #ece3d4;
    padding: 8px;
}

.focused_efforts_txt_area ul {
    margin-top: 0;
    margin-bottom: 5px;
}

.focused_efforts h3 {
    font-size: 18px;
    font-weight: 600;
    color: var(--black);
}

.focused_efforts ul li {
    margin-bottom: 4px;
}

.focused_efforts p {
    margin: 0;
}

.cont_scroll {
    margin-top: 10px !important;
}

.cont_scroll a {
    background: var(--brown);
    padding: 10px 20px;
    font-size: 15px;
    font-weight: 600;
    color: var(--white);
    text-align: center;
}

.cont_scroll i {
    font-size: 12px;
    color: var(--beige);
}

.cont_scroll a:hover {
    background: var(--beige);
}

.cont_scroll a:hover i {
    color: var(--brown);
}

.floating_btn {
    position: fixed;
    bottom: 35%;
    right: 47px;
    height: 200px;
    z-index: 9999;
}

.floating_btn a {
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -ms-transform-origin: right top 0;
    -moz-transform-origin: right top 0;
    -webkit-transform-origin: right top 0;
    transform-origin: right top 0;
    right: 10%;
    padding: 8px 10px;
    font-family: "Barlow", sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: var(--white);
    background: var(--brown);
    white-space: nowrap;
    text-transform: capitalize;
    cursor: vertical-text;
    position: absolute;
    display: block;
    height: auto;
    direction: rtl;
    z-index: 11;
    cursor: pointer;
    letter-spacing: 1px;
}

.floating_btn a:hover {
    color: var(--white);
    background: var(--beige);
}

.offer_price {
    margin: 12px 0 6px 3px;
}

.offer_price p {
    padding: 0 10px 0 0 !important;
}

.offer_price p span:nth-child(1) {
    font-size: 14px;
    color: #a7a7a7;
    text-decoration: line-through;
    margin-right: 10px;
}

.offer_price p span:nth-child(2) {
    font-size: 16px;
    color: #fff;
}

.offer_price p span:nth-child(3) {
    font-size: 11px;
    color: #ccc;
    display: block;
}

.Banquet_cat_price {
    background: var(--white);
    margin-top: 15px;
    border: 1px dashed var(--brown);
    padding: 12px;
    display: table;
    width: 100%;
}

.Banquet_cat_price .btn {
    float: left;
}

.Banquet_cat_price .offer_price {
    float: left;
    margin: 0 20px 0 0;
}

.Banquet_cat_price .offer_price p {
    margin: 0;
    line-height: 17px;
}

.Banquet_cat_price .offer_price p span:nth-child(1),
.Banquet_cat_price .offer_price p span:nth-child(3) {
    color: #b08542;
}

.Banquet_cat_price .offer_price p span:nth-child(2) {
    color: var(--black);
    font-weight: 600;
}

.Banquet_cat .breakfast p {
    font-size: 13px;
    margin: 0;
}

#callnowbutton {
    background-color: var(--beige) !important;
}

.ctc_s_7_icon_padding {
    padding: 9px !important;
}

.route_badge li strong,
.dis_frm li.list-group-item strong {
    font-size: 16px;
    color: var(--brown);
}

.route_badge li p,
.dis_frm li.list-group-item p {
    padding: 3px 0 0 0;
}

.breakfast strong {
    font-weight: 400;
    border-right: 1px solid #ddd;
    padding: 0 6px 0 0;
    margin: 0 6px 0 0;
}

.breakfast strong:last-child {
    border-right: 0;
}

.boat_name {
    background: #000;
    padding: 8px;
    display: block;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
}


.boat_aredda {
    position: relative;
}

.boat_section .content_box .section_title h2 {
    font-size: 18px;
    font-weight: 600;
    color: var(--brown);
    font-family: "Barlow", sans-serif;
    margin-bottom: 5px;
}

.boat_area_blocks {
    background: #fff !important;
    padding: 0;
}

.boat_area_blocks .offer_price {
    margin: 0;
}

.boat_area_blocks .offer_price p span:nth-child(1) {
    font-size: 15px;
    color: #949494;
    text-decoration: line-through;
    margin-right: 10px;
    float: left;
    direction: ltr;
}

.boat_area_blocks .offer_price p span:nth-child(2) {
    font-size: 18px;
    color: var(--brown);
    direction: ltr;
    float: left;
}

.boat_area_blocks .offer_price p span:nth-child(3) {
    font-size: 12px;
    color: #969696;
    display: block;
    float: left;
}

.boat_area_blocks li i {
    float: left;
}


.wpcf7-not-valid-tip {
    display: none !important;
}

.jobtitle {
    font-size: 15px;
    font-weight: 600;
    color: var(--brown);
    margin-bottom: 8px;
}

.property_about_txt p {
    text-align: justify;
}

.property_about_txt ul li {
    font-size: 13px !important;
}

.property_about_txt ul {
    margin: 0 0 0 6px;
}

.Banquetfacilities .btn_grp.tick,
.Banquet_cat_price,
.boat_area_blocks {
    display: none;
}

.tab-content h4 {
    font-size: 16px;
    color: var(--beige2);
    margin-top: 12px;
}

.cms-wrap p {
    text-align: justify;
}

a.packge_email {
    display: block;
}

.checkin_out .wpcf7-spinner {
    height: 0;
}

.dropcv a {
    color: var(--beige2);
}

.dropcv a:hover {
    color: var(--black);
}


.ivr_no a {
    border-right: 1px solid var(--beige2);
    padding: 0 12px 0 0;
    margin: 0 12px 0 0;
}


.ivr_no a:last-child {
    border-right: 0;
}

.wpcf7 form.invalid .wpcf7-response-output {
    border: 1px dashed #111 !important;
    color: #000 !important;
    text-align: center;
    margin: 0;
}

.amenities .item {
    margin-top: 7px;
}

.info-txt {
    margin: 0 auto;
    -webkit-animation: pulse 700ms infinite alternate;
    animation: pulse 700ms infinite alternate;
    display: flex;
    margin: 0 auto;
    padding: 10px;
    width: fit-content;
	 font-size: 13px;
    color: var(--white);
}

.info-txt p {
    font-size: 20px;
    color: var(--white);
    margin: 0;
}

.info-txt i {
    font-size: 20px;
    color: var(--white);
    margin: 4px 10px 0 0;
}

@-webkit-keyframes pulse {
    0% {
        background-color: #f6d39e;
    }

    100% {
        background-color: #603100;
    }
}

@keyframes pulse {
    0% {
        background-color: #f6d39e;
    }

    100% {
        background-color: #603100;
    }
}

/* Woocommerce CSS */
.woocommerce-form {
    background: #fff;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .2);
}

.whitebox2 {
    background: #fff;
    padding: 0;
    border-radius: 8px;
    box-shadow: 0 0 15px #333 !important;
    border-top: 3px solid #DFB574;
}

.woocommerce-form__label {
    margin-right: 12px
}

.woocommerce-form__label span {
    font-size: 18px;
    font-weight: 600
}

.woocommerce-form {
    background: #fff;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .2)
}

.woocommerce-MyAccount-navigation {
    top: 15%;
    z-index: 1;
    background: #f8f5f0;
}

.woocommerce-MyAccount-navigation ul {
    padding: 0;
    list-style: none;
    margin: 0;
    /*border-bottom:1px solid #d8d8d8;
    -webkit-box-shadow:0 0 15px 0 rgba(0,0,0,.2);
    box-shadow:0 0 15px 0 rgba(0,0,0,.2)*/
}

.woocommerce-MyAccount-navigation ul li {
    /*border-bottom:1px solid #d8d8d8;*/
    border-bottom: 1px solid var(--brown);
    margin: 0;
}

.woocommerce-MyAccount-navigation ul li a {
    display: block;
    padding: 15px;
    font-weight: 500;
    color: #000
}

.woocommerce-MyAccount-navigation ul li a i {
    color: var(--beige);
    margin-right: 6px;
}

.woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-MyAccount-navigation ul li.is-active a {
    background: #603100;
    color: #fff
}

.woocommerce-MyAccount-navigation ul li a:before {
    content: '';
}

.woocommerce-billing-fields__field-wrapper .form-row label,
.woocommerce-billing-fields__field-wrapper .form-row span.woocommerce-input-wrapper,
.woocommerce form .form-row label,
.woocommerce-page form .form-row label,
.woocommerce-input-wrapper {
    display: block;
    width: 100%
}

.woocommerce-account .woocommerce-MyAccount-content {
    padding: 20px;
}

.woocommerce-MyAccount-content {
    padding: 0;
    box-shadow: 0 0 15px 0 rgb(0 0 0 / 20%);
}

.cms-wrap .woocommerce ul li:before {
    content: "";
}

legend {
    color: var(--beige2);
    font-weight: 600;
    margin: 0;
}

.woocommerce input,
.woocommerce textarea {
    padding: 10px;
}

.woocommerce h6 {
    color: var(--beige2);
    font-size: 18px;
    font-weight: 600;
}

.woocommerce h3 {
    color: #ad803a;
    font-size: 1.5rem;
    font-weight: 600;
}

.woocommerce .accordion-item .accordion-body {
    padding: 0 15px 1px 15px;
    background: #f8f5f0;
}

.woocommerce .accordion-body .table>:not(:first-child) {
    border-top: 0px solid currentColor;
}

.woocommerce button.button {
    background-color: var(--brown) !important;
    color: #fff !important;
    border: 0 !important;
    font-size: 16px;
    font-weight: 600;
    padding: 12px 24px !important;
    border-radius: 0;
    outline: 0;
    background-image: linear-gradient(45deg, var(--beige) 50%, transparent 50%);
    background-position: 100%;
    background-size: 400%;
    transition: background 400ms ease-in-out;
    box-shadow: none;
}

.woocommerce button.button:hover {
    background-color: var(--beige) !important;
}

.link-primary {
    color: var(--beige2) !important;
}

/* Book Now Room Style Start */


del {
    margin-right: 15px;
}

del,
ins {
    text-decoration: none;
}

del bdi .woocommerce-Price-currencySymbol,
del bdi {
    font-size: 18px;
    color: #666 !important;
    font-weight: 600;
    text-decoration: line-through;
    margin-right: 3px;
}

ins bdi .woocommerce-Price-currencySymbol,
ins bdi {
    font-size: 24px;
    color: var(--beige2) !important;
    font-weight: 400;
    margin-right: 3px;
}

/* Book Now Room Style End */

img:-moz-broken {
    display: none;
}

img[src="error"]:-moz-broken {
    display: initial;
}

#Enquire_banquetModal .modal-body .mb-3 {
    margin-bottom: 0.5rem !important;
}

.btn-danger {
    font-size: 11px;
    margin-right: 4px !important;
}

/* float-btn */
.float-btn {
    z-index: 222;
}

.float-btn a {
    position: fixed;
    right: 12px;
    z-index: 2;
    border-radius: 0;
    padding: 0.35rem 0.65rem;
    font-size: 20px;
    color: #fff;
}

.float-whatsapp {
    bottom: 110px;
    background-color: #25D366;
}

.float-call {
    bottom: 160px;
    background-color: #603100;
}

/* float-btn */
.btn-close {
    position: absolute !important;
    top: -1pc;
    right: -1pc;
    background-color: #dfb574;
    opacity: 1;
    height: 2em !important;
    width: 2em !important;
    border-radius: 50%;
}


/* start blog */
.blog_box {
    border: none;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.blog_img {
    overflow: hidden;
    transition: 1s;
}

.blog_box img {
    transition: 1s;
}

.blog_box:hover img {
    transform: scale(1.2);
    transition: 1s;
}

.blog_box .card-body ul {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px;
    flex-direction: column;
}

.blog_box .card-body ul li {
    font-size: 13px;
    margin-bottom: 5px;
}

.blog_box .card-body ul li i {
    font-size: 15px;
    color: var(--beige);
}

.blog_box .card-body ul li a {
    color: var(--black);
    font-weight: 600;
    font-size: 12px;
}

.blog_box .card-body ul li i {
    font-size: 12px;
}

.blog_box .card-body ul li span {
    display: flex;
    gap: 5px;
    align-items: start;
    font-weight: 600;
}

.blog_box .card-body ul li span i{
    margin-top: 4px;
}

.blog_box .card-body ul li a:hover {
    color: var(--beige);
}

.blog_box .card-body h3 {
    font-weight: 600;
    font-size: 16px;
    line-height: 1.5;
    margin: 0;
}

.blog_box .card-body h3:hover {
    color: var(--beige);
    transition: 0.4s;
    cursor: pointer;
}

.blog_box .card-footer {
    background-color: #fff;
    padding: 10px;
    border-top: 1px solid rgba(0, 0, 0, 0.123);
    border-radius: 0;
}

.blog_box .card-footer ul {
    display: flex;
    justify-content: space-between;
}

.blog_box .card-footer ul li {
    font-size: 13px;
}

.blog_box .card-footer ul li i {
    color: var(--beige);
}

.blog_box .card-footer ul li a {
    color: var(--brown);
    font-weight: 600;
    font-size: 11px;
}

.blog_box .card-footer ul li a:hover {
    color: var(--beige);
}

.blog .owl-carousel .owl-nav {
    position: absolute;
    width: 100%;
    display: flex;
    justify-content: center;
    top: 40%;
    transform: translateY(-50%);
    opacity: 0.5;
}

.blog .owl-carousel .owl-nav:hover {
    opacity: 1;
}

.blog .owl-carousel .owl-nav .owl-prev111,
.owl-carousel .owl-nav .owl-next111 {
    position: absolute;
}

.blog .owl-carousel .owl-nav .owl-prev {
    left: -70px;
}

.blog .owl-carousel .owl-nav .owl-next {
    right: -70px;
}

.blog .owl-carousel .owl-nav .owl-prev {
    background: #fff;
    color: var(--black);
    border: none;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    cursor: pointer;
    font-size: 40px !important;
    font-weight: normal;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    vertical-align: top;
    line-height: 50px;
}

.blog .owl-carousel .owl-nav .owl-prev:hover {
    background-color: var(--beige);
    color: #fff;
    transition: 0.4s;
}

.blog .owl-carousel .owl-nav .owl-next:hover {
    background-color: var(--beige);
    color: #fff;
    transition: 0.4s;
}


.blog .owl-carousel .owl-nav .owl-next {
    background: #fff;
    color: var(--black);
    border: none;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    cursor: pointer;
    font-size: 40px !important;
    font-weight: normal;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    vertical-align: top;
    line-height: 50px;
}

.blog .owl-theme .owl-dots {
    display: none;
}

.widget h3 {
    font-family: "Barlow", sans-serif;
    color: var(--white);
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0px;
    background-color: var(--beige);
    padding: 7px 10px;
    text-align: left;
}

.widget ul {
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    margin-bottom: 20px;
    padding: 0 20px 10px 20px;
}

.widget ul li {
    padding: 10px 5px;
    border-bottom: 1px solid #ae82295e;
}

.widget ul li:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f105";
    color: var(--beige);
    font-size: 13px;
    padding: 3px;
    position: absolute;
    margin-left: -14px;
}

.cms-wrap ul.list-inline li:before {
    font-size: 0;
}

.cms-wrap ul.list-inline li {
    margin: 0;
    padding: 6px;
}

.cms-wrap ul.list-inline li i {
    color: var(--beige);
}

#blog_details ul.list-inline {
    margin: 0;
    padding: 0;
    border-top: 1px solid var(--beige);
    border-bottom: 1px solid var(--beige);
}

#blog_details h1 {
    font-family: "Gilda Display", serif;
    font-size: 35px;
    color: var(--brown);
    font-weight: 400;
    margin-bottom: 10px;
}

#blog_details h2 {
    font-family: "Barlow", sans-serif;
    font-size: 25px;
    color: var(--brown);
    font-weight: 400;
    margin-bottom: 10px;
}

#blog_details h3 {
    font-family: "Barlow", sans-serif;
    font-size: 20px;
    color: var(--brown);
    font-weight: 500;
    margin-bottom: 10px;
}


/* end blog */
#blog_details img {
    display: block;
    margin: 0 auto;
}

#blog_details {
    background-color: #f8f5f0;
}

.wpcf7-form input,
.wpcf7-form textarea {
    user-select: none;
    /* Prevent Text Selection */
    pointer-events: auto;
}

#popmake-4746 {
    width: 45% !important;
}

.pum-container.pum-responsive img {
    width: 100%;
}

.custcaptcha span {
    font-size: 15px;
}

.custcaptcha input {
    font-size: 14px;
    border: 1px solid var(--beige);
    border-radius: .25rem;
    background-color: #fff;
    padding: .375rem .75rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
}

.widget ul li:last-child{
    border: none;
}